<template>
	<button class="nice-red-btn" @click="handleClick" :style="[customStyle]" :open-type="openType">
		<image :src="$getCloudStorageUrl('/img_anniu.png')"></image>
		<view class="text-wrapper uni-center">
			<text>{{text}}</text>
		</view>
	</button>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			text: {
				type: String,
				default: '按钮'
			},
			openType: {
				type: String,
				default: ""
			},
			customStyle: {
				type: Object,
				default: () => {
					return {};
				}
			}
		},
		methods: {
			handleClick() {
				this.$emit("click");
			}
		}
	}
</script>

<style lang="scss" scoped>
.nice-red-btn {
	background-color: rgba($color: #000000, $alpha: 0);
	padding: 0;
	height: 80rpx;
	width: 320rpx;
	position: relative;
	image {
		width: 100%;
		height: 100%;
	}
	.text-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		color: #FFFFFF;
		line-height: 80rpx;
	}
}
.nice-red-btn:after {
	display: none;
}
</style>
